<template>
    <div class="owner-info">
        <div class="card-title">
            <h4>业主信息</h4>
            <slot name="btn"></slot>
        </div>
        
        <el-divider></el-divider>
        <div class="user-box">
            <div class="author"></div>
            <div class="infos">
                <div class="info-item">
                    <span>业主ID:88888888888888</span>
                    <span>名称:123123</span>
                    <span>性别:男</span>
                </div>
                <div class="info-item">
                    <span>年龄:18</span>
                    <span>身份证:18888888888888</span>
                    <span>联系方式:188888888888</span>
                </div>
                <div class="info-item">
                    <span>创建员工:张三</span>
                    <span>备注:18</span>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.card-title{
    margin-top: 20px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    .author {
        flex: 1;
        height: 160px;
        background: #ccc;
    }
    .infos {
        flex: 9;
        margin-left: 50px;
        line-height: 50px;
        .info-item {
            display: flex;
            span {
                flex: 1;
            }
        }
    }
}
</style>